<template>
  <div>
    <el-tabs v-model="comName" @tab-click="handleClick" class="userheader">
      <el-tab-pane label="用户基本信息" name="UserInfo">
        <user-info></user-info>
      </el-tab-pane>
      <el-tab-pane label="用户头像管理" name="UserImg">
        <user-img-update></user-img-update>
      </el-tab-pane>
      <el-tab-pane label="密码管理" name="UserPassword">
        <user-password></user-password>
      </el-tab-pane>
      <el-tab-pane label="用户地址管理" name="UserAddress">
        <user-address></user-address>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import UserInfo from "../components/UserInfo";
import UserImg from "../components/UserImg";
import UserPassword from "../components/UserPassword";
import UserAddress from "../components/UserAddress";
import UserImgUpdate from "../components/UserImgUpdate";
export default {
  name: "User",
  components: { UserInfo, UserImg, UserPassword, UserAddress, UserImgUpdate },

  data() {
    return {
      //组件名称
      comName: "UserInfo",
    };
  },

  methods: {
    handleClick() {},
  },
};
</script>
<style>
.userheader {
  margin: 0 auto;
  text-align: center;
}
</style>